   import {useEffect} from 'react'
   import {useLocation,useNavigate} from 'react-router-dom'
   // 1 在react 项目的中你引入  react 相关的 hooks =>组件中  和自定义hooks中使用


  //时时刻刻监听路由地址  ，如果当路由地址不是 外部页面 =》 判断用户是否登录

   function getToken(){

      return sessionStorage.getItem('token')
   }

   function useBeforEach(){
     let location = useLocation()
     let navigate  = useNavigate()
     useEffect(()=>{
     

          if(location.pathname!='/'){  //登录页面
               if(!getToken()){
                  navigate('/',{replace:true})
               }  
          }
          
     },[location])
   }


   export default useBeforEach